body {
  margin: 0;
}

html,
body,
#app {
  height: 100%;
}

div {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}

.slider-page {
  /* position: relative; */
  height: 100%;
  overflow: hidden;
}

.scroll-wrapper {
  /* position: absolute; */
  /* 375 * 4 = 1500 / 10px */
  width: 150rem;
  height: 100%;
  flex-direction: row;
}

.slider-item {
  height: 100%;
  /* height: 66.7rem; */
  flex: 1;
}

.slider-item:nth-child(1) {
  background-color: lightcoral;
}

.slider-item:nth-child(2) {
  background-color: lightcyan;
}

.slider-item:nth-child(3) {
  background-color: lightgreen;
}

.slider-item:nth-child(4) {
  background-color: lightgoldenrodyellow;
}

.slider-item .inner {
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: 5rem;
}
